<template>
  <div class="flex items-center flex-wrap gap-2 mt-3">
    <common-link path="/"
      class="text-gray-1000 hover:text-purple-1300">
      <span class="block w-4 h-4 -mt-0.5">
        <svg-icon className="text-base mx-auto "
          iconName='home'></svg-icon>
      </span>
    </common-link>
    <span class="text-gray-1400 text-base"
      v-if="label">/</span>
    <span class="text-gray-1400 text-base"
      v-if="label">
      {{$t(label)}}
    </span>
  </div>
</template>
 
<script>
export default {
  name: 'IndexBreadcrumbs',
  props: {
    label: {
      type: String,
      default: '',
    },
  },
}
</script>